::selection {
  background: #0073ae;
  color: #ffffff;
  text-shadow: none;
}

:root * {
  box-sizing: border-box;
}

@import url(./theme/colors.css);
@import url(./theme/typography.css);
@import url(./theme/buttons.css);


/* ------------ ------------ MOBILE LAYOUT ------------ ------------ */

.block-scroll-menu-mobile-open {
  overflow-y: hidden;
}

body.noscroll {
  overflow: hidden;
  pointer-events: none;
}

/* page content */
main#main-content .structure {
  display: grid;
  grid-template-areas:
    'sidebar'
    'pagetitle'
    'pagetop'
    'pagecontent'
    'pagebelow';
  grid-template-columns: 1fr;
  gap: 0 1rem;
}

.region.custom-sidebar-left {
  display: none;
  grid-area: sidebar;
}

/*
era:
.region.region-page-title { grid-area: pagetitle; }

stava scazzanto titolo pagina research grant mobile
da indagare

*/
.region.region-page-title {
  grid-area: 1;
  position: relative;
}


.region.region-content-before {
  grid-area: pagetop;
  position: relative;
}

/* .region.region-content { grid-area: 1 1; } */
.region.region-content-below {
  grid-area: pagebelow;
}


/* footer */
footer.site-footer .footer .container {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-template-areas:
    'two one'
    'three one'
    'four four'
    'extra extra';
  gap: 0 6px;
}

.region.region-footer-1 {
  grid-area: one;
}

.region.region-footer-2 {
  grid-area: two;
}

.region.region-footer-3 {
  grid-area: three;
}

.region.region-footer-4 {
  grid-area: four;
}

.region.extra {
  grid-area: extra;
}

/* menu navigation */

/* .region { border: 1px dotted lightsteelblue; } */


/* ------------ ------------ DESKTOP LAYOUT ------------ ------------ */
@media (min-width: 1024px) {

  .region.region-user-menu,
  .region.region-header {
    width: 50%;
  }

  main#main-content .structure {
    display: grid;
    grid-template-areas:
      'sidebar pagetitle'
      'sidebar pagetop'
      'sidebar pagecontent'
      'sidebar pagebelow';
    grid-template-columns: 1fr 2fr;
    gap: 0 1rem;
  }

  .region.custom-sidebar-left {
    display: flex;
    flex-direction: column;
  }

  footer.site-footer .footer .container {
    display: grid;
    grid-template-columns: 3fr 1fr;
    grid-template-areas:
      'one two'
      'one three'
      'one empty'
      'one empty'
      'four four'
      'extra extra';
    gap: 0 1rem;
  }

}


body.front-page .region.region-menu-desktop div[data-drupal-messages=""] {
  position: absolute;
  top: 61px;
  width: 100%;
}


@media (min-width: 1024px) {

  .region.region-content-full .block.block-views>*,
  .messages.messages--status,
  .container {
    max-width: 992px;
    margin: 0 auto;
  }

  main#main-content .structure {
    grid-template-columns: 280px 580px;
    gap: 0 2rem;
  }

  .region.region-menu-mobile {
    display: none;
  }
}


/* ------------ ------------ HOME PAGE ------------ ------------ */
.front-page .custom-sidebar-left {
  display: none;
}

.front-page main#main-content .structure {
  display: flex;
  flex-direction: column;
  gap: 0 3rem;
}

@media (min-width: 1280px) {

  .region.region-content-full .block.block-views>*,
  .messages.messages--status,
  .container {
    max-width: 1260px;
    margin: 0 auto;
  }

  main#main-content .structure {
    grid-template-columns: 280px 830px;
    gap: 0 3rem;
  }
}

@media (min-width: 1400px) {

  .region.region-content-full .block.block-views>*,
  .messages.messages--status,
  .container {
    max-width: 1380px;
    margin: 0 auto;
  }

  main#main-content .structure {
    grid-template-columns: 280px 1052px;
    gap: 0 3rem;
  }
}

.custom-block-cas-twas img {
  box-sizing: content-box;
}


/*
  /cas-twas-centres-excellence
  loghi
*/
@media (min-width: 992px) {
  .custom-adj-loghi>div {
    display: flex;
    align-items: center;
  }

  .custom-adj-loghi>div>p {
    margin: 5px 0px;
  }

  .custom-adj-loghi>div img {
    max-width: 135px;
    margin-right: 30px;
    max-height: 70px;
  }
}


/* fix imgs in wysiwyg mobile */
@media (max-width: 992px) {
  article p img {
    width: 100% !important;
    height: auto !important;
  }
}




/*
  custom class per wysiwyg
  chiesta per dividere testi su 2 colonne
*/
@media(min-width:1280px){
  .two-col-custom{
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 0px 20px;
  }
}


/* 404 custom layout */
main#main-content.page-not-found  .structure  {
  display: block;
  margin-top: 3rem;
}

.page-not-found .custom-sidebar-left {
  display: none;
}

/*form back user*/
 form #edit-group-public-contact-information #field-social-contacts-add-more-wrapper .description {
  margin-bottom: 16px;
  margin-top: 7px;
}


/*drupal message status*/
.front-page .messages{
  z-index: 8;
  position: absolute;
  top: auto;
  width: 100%;
  height: auto;
  padding: 15px 10px 15px 40px;
  top: 50px;
  left: auto;
  margin-left: 8px;
  width: calc(100% - 8px);
}

@media (max-width:1024px){
  .front-page .messages{
    z-index: 8;
    position: absolute;
    top: 60px;
    width: 100%;
    margin: auto;
    width: calc(100% - -8px);
  }
}

body:not(.member-login) .region-header .block-local-tasks-block {
  display: none;
}







.view-homepage-box .views-row {
  position: relative;
}
.view-homepage-box .views-row .views-field-field-link-page-1 a,
.view-homepage-box .views-row .views-field-field-link-page-1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s ease;
}
.view-homepage-box .views-row .views-field-field-link-page-1 a:hover{
  background: #4a7e9821;
}
.view-homepage-box .views-row .views-field-field-link-page-1 * {
  font-size: 0px;
}




body.front-page .view-highlights .views-row {
  position: relative;
}
body.front-page .view-highlights .views-row .views-field-field-link-1 a,
body.front-page .view-highlights .views-row .views-field-field-link-1 {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.2s ease;
}
body.front-page .view-highlights .views-row .views-field-field-link-1 a:hover{
  background: #dadada5c;
}
body.front-page .view-highlights .views-row .views-field-field-link-1 * {
  font-size: 0px;
}


a.button.button-low-bandwith {
  padding: 6px 12px;
}